﻿@model DiagnosticsViewModel

<div id="diagnostics" class="base">
   <h1 class="header" style="text-align: center;" >Authentication Cookie</h1>
 
  <el-divider></el-divider>
   <h2 class="header">声明列表</h2>
  <div>
    @foreach (var claim in Model.AuthenticateResult.Principal.Claims)
    {
      <p><span style="font-weight: bolder;">@claim.Type :</span> @claim.Value</p>
    }
  </div>
 
  <el-divider></el-divider>
  <div>
     <h2 class="header">属性</h2>
    @foreach (var prop in Model.AuthenticateResult.Properties.Items)
    {
      <p><span style="font-weight: bolder;">@prop.Key :</span> @prop.Value</p>
    }
    @if (Model.Clients.Any())
    {
      <p><span style="font-weight: bolder;">clients : </span> @{
          var clients = Model.Clients.ToArray();
          for (var i = 0; i < clients.Length; i++)
          {
            <text>@clients[i]</text>
            if (i < clients.Length - 1)
            {
              <text>, </text>
            }
          }
        }</p>
    }
  </div>


</div>
</div>

@section scripts{
<script>
  var vm = new Vue({
    el: '#diagnostics',
    data() {
      return {

      }
    },
    methods: {

    },
    created: function () {

    }
  })
</script>
}
